<head>
	<link href="style.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="js/search.js"></script>
</head>
<body>
	<div id="page">
		<div id="headerCai">
			<div id="logoCai">
				<img id="imageCai" src="http://www.cai.cl/home/templates/cai_theme/images/head.png"></img>
				<div id="patch1">
					<div id="patch2">
						<a class="title" href="http://www.cai.cl/home">
							<h1 id="centroAlumnos">Centro de Alumnos de Ingenieria</h1>
							<h2 id="pucName">Pontificia Universidad Catolica de Chile</h2>
						</a>
					</div>
				</div>
			</div>
			<div id="menuCai">
			</div>
		</div>
		<div id="header">
			<div id="leftHeader">
				<div id="logoCentral">
					<p id="imageCentral">Central de Apuntes</p>
				</div>
			</div>
			<div id="rightHeader">
				<div id="jic">
				</div>
				<div id="login">
					<p id="greeting">Bienvenido, <a href="somewhere">Juan Pablo</a>!</p>
				</div>
			</div>
		</div>
		<div id="main">
			<div id="sidebar">
				<div id="tree" class="jstree jstree-focused">
					<ul id="list">
						<li id='root'>
							<a>Cursos Matematicos</a>
							<ul>
								<li id="calculo1"><a>Calculo I</a>
									<ul>
										<li><a>I1</a></li>
										<li><a>I2</a></li>
										<li><a>I3</a></li>
										<li><a>Examen</a></li>
										<li><a>Tareas</a></li>
									</ul>
								</li>
								<li><a>Calculo II</a></li>
								<li><a>Calculo III</a></li>
								<li><a>Algebra</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<div id="separator">
			</div>
			<div id="content">
				<form id="searchForm">
					<input type="text" id="searchInput"></input>
					<img src="img/search-icon.png" width='50px' onclick="submit"></img>
				</form>
				<div id="searchResults">
					<div id="searchResultsFilter">
						<input type="checkbox" class="saveItem" onClick="selectAllItems(this)"></input>
						<ul>
							Filtrar por:
							<li><a href="/" onclick="orderItems(this)">Tipo</a></li>
							<li><a href="/" onclick="orderItems(this)">Curso</a></li>
							<li><a href="/" onclick="orderItems(this)">Semestre</a></li>
							<li><a href="/" onclick="orderItems(this)">Profesor</a></li>
						</ul>
						<button id="downloadAll">Descargar todo!</button>
					</div>
					<hr>
					<div class="searchItem">
						<form id="searchResultsForm">					
							<input type="checkbox" class="saveItem"></input>
							<div class="saveItem">
								<a href="theArtOfRails.rar"><img src='img/floppyDisk.png' class="saveItem"></a></img>
							</div>
							<div class="itemDescription">
								<table class="itemDescription">
									<tr>
										<td>I1</td>
										<td>Calculo 1</td>
										<td>2-2011</td>
										<td>Mariel Saez</td>
									</tr>
								</table>
								<div class="itemDetail">
									Incluye sumatorias, sumas de riemann, límites por definición.
								</div>
							</div>
							<div class="itemScore">
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<div class="itemWarning">
								</div>
								<button>Ver detalles</button>
							</div>
						</div>
						<div class="searchItem">	
							<input type="checkbox" class="saveItem"></input>
							<div class="saveItem">
								<img src='img/floppyDisk.png' class="saveItem"></img>
							</div>
							<div class="itemDescription">
								<table class="itemDescription">
									<tr>
										<td>I2</td>
										<td>Calculo 1</td>
										<td>2-2011</td>
										<td>Mariel Saez</td>
									</tr>
								</table>
								<div class="itemDetail">
									Muy pelua!!! vean
								</div>
							</div>
							<div class="itemScore">
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<div class="itemWarning">
									<img src="img/warning.png"></img> 5!
								</div>
								<button>Ver detalles</button>
							</div>
						</div>
						<div class="searchItem">	
							<input type="checkbox" class="saveItem"></input>
							<div class="saveItem">
								<a href="theArtOfRails.rar"><img src='img/floppyDisk.png' class="saveItem"></img></a>
							</div>
							<div class="itemDescription">
								<table class="itemDescription">
									<tr>
										<td>I3</td>
										<td>Calculo 1</td>
										<td>2-2011</td>
										<td>Mariel Saez</td>
									</tr>
								</table>
								<div class="itemDetail">
									Series, series de taylor, aproximaciones.
								</div>
							</div>
							<div class="itemScore">
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<div class="itemWarning">
								</div>
								<button>Ver detalles</button>
							</div>
						</div>
						<div class="searchItem">	
							<input type="checkbox" class="saveItem"></input>
							<div class="saveItem">
								<a href="theArtOfRails.rar"><img src='img/floppyDisk.png' class="saveItem"></img></a>
							</div>
							<div class="itemDescription">
								<table class="itemDescription">
									<tr>
										<td>Ex</td>
										<td>Calculo 1</td>
										<td>2-2011</td>
										<td>Mariel Saez</td>
									</tr>
								</table>
								<div class="itemDetail">
									Examen tipico de calculo 1. Muy recomendado
								</div>
							</div>
							<div class="itemScore">
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<div class="itemWarning">
								</div>
								<button>Ver detalles</button>
							</div>
						</div>
						<div class="searchItem">	
							<input type="checkbox" class="saveItem"></input>
							<div class="saveItem">
								<a href="theArtOfRails.rar"><img src='img/floppyDisk.png' class="saveItem"></a></img>
							</div>
							<div class="itemDescription">
								<table class="itemDescription">
									<tr>
										<td>I3</td>
										<td>Calculo 1</td>
										<td>1-2011</td>
										<td>Mariel Saez</td>
									</tr>
								</table>
								<div class="itemDetail">
									Series, series de taylor, aproximaciones.
								</div>
							</div>
							<div class="itemScore">
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<div class="itemWarning">
								</div>
								<button>Ver detalles</button>
							</div>
						</div>
						<div class="searchItem">	
							<input type="checkbox" class="saveItem"></input>
							<div class="saveItem">
								<a href="theArtOfRails.rar"><img src='img/floppyDisk.png' class="saveItem"></a></img>
							</div>
							<div class="itemDescription">
								<table class="itemDescription">
									<tr>
										<td>I3</td>
										<td>Calculo 1</td>
										<td>1-2010</td>
										<td>Mariel Saez</td>
									</tr>
								</table>
								<div class="itemDetail">
									Series, series de taylor, aproximaciones.
								</div>
							</div>
							<div class="itemScore">
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<img src="img/star.gif"></img>
								<div class="itemWarning">
								</div>
								<button>Ver detalles</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery.jstree.js"></script>

<script type="text/javascript">
$(function () {
	$("#tree").jstree({ 
		"ui" : {
			"select_limit" : 1,
			"selected_parent_close" : "select_parent",
			"initially_select" : [ "calculo1" ]
		},
		"core" : { "initially_open" : [ "calculo1" ] 
	},
	"themes" : {
		"theme" : "apple",
		"dots" : false,
		"icons" : true
	},
	"plugins" : [ "themes", "html_data", "ui" ]
}).bind("click.jstree", function (event, data) {
	$("#content").css({"visibility":"visible"})
});
});
</script>
